// Object.defineProperty方法在语言层面来修改代码的
// Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。

const obj = {
  a: 3,
  b: 4,
  c: {
    x: 10,
  },
};

/*
  obj
    要定义属性的对象。
  prop
    要定义或修改的属性的名称或 Symbol 。
  descriptor
    要定义或修改的属性描述符。
*/

let num;
Object.defineProperty(obj, "a", {
  // get方法是在这个对象的该属性被访问的时候调用的
  // get方法是必须要有一个返回值的
  get() {
    console.log("get");
    return num;
  },
  // set方法是当我们去修改这个对象的该属性的时候被调用
  // set方法可以接受一个参数，参数就是我们想要改变的值
  set(val) {
    // console.log(val);
    console.log("set");

    num = val;
    // 可以在set里面去触发监听回调，从而去重新渲染页面
  },
});

// obj.a = 10;
// console.log(obj.a);

obj.c.x = 20;
